<template>
    <!--网页的结构，写html-->
    <dev class="person">
       <h1>hello world vscode</h1>
       <h1>name:{{ name }}</h1>
       <h1>age:{{ age }}</h1>
       <button @click="showTel">查看联系方式</button>
    </dev>
 </template>
 
 <script lang="ts">
    // ts js
    export default{
        name: 'person',
        data() {
            return {
                name:'张三',
                age:18,
                tel:139999999
            }
        },
        methods:{
            showTel(){
                alert(this.tel)
            }
        }
    }
 </script>
 
 <style>
     /*样式*/
     .person {
          background-color: greenyellow;
          box-shadow: 0 0 10px;
          border-radius: 10px;
          padding: 20px;
     }
 </style>